/* CSS Document */
html, body { min-width:1200px;}
body { margin: 0; padding: 0; font-family: "Arial","Microsoft YaHei"; min-width: 980px; background: #fff; font-size: 12px; color: #666; }
img { border: none; }
ul, li { list-style: none; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd,  blockquote, fieldset, div, strong, label, em { margin: 0; padding: 0; border: 0; }
a { text-decoration: none; color: #666; font-family: "Microsoft YaHei"; }
a:hover { color:#f10215;}
.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0; clear: both; }
.fl { float: left; }
.fr { float: right; }
#clear { clear: both; }


#header { width: 100%; height: 166px; background:url(../images/top_bg.jpg) repeat-x; }
#head_t { width: 1200px; margin: 0 auto; font-size: 14px; color: #666; height:40px; line-height:40px; }
.head_t_r { color:#ccc; font-size:12px;}
.head_t_r a { font-size:14px;}
#head_b { width: 1200px; height:66px; margin: 30px auto;}
.logo { height:66px; margin:0 20px 0 0; padding:0;}
.top_right { width:360px; height:40px; margin:13px 0; padding:0}
.top_tel{ background:url(../images/tel.jpg) 0 6px no-repeat; padding:10px 0 10px 56px; margin:0; height:46px;}
.top_tel b{ font-size:14px; display:block; height:16px; line-height:16px;}
.top_tel span{ color:#da2515; font-size:24px; font-weight:bold; display:block; height:30px; line-height:30px;}
.top_search{ width:360px; font-family: "Microsoft YaHei";overflow:hidden; z-index:99;height:40px; line-height:40px;}
.top_search .ss_input{ width:299px;  border:none; height:40px; line-height:40px; padding-left:20px; font-size:14px; color:#ccc;font-family: "Microsoft YaHei"; float:left;resize:none;border-radius:2px 0 0 2px;-moz-box-sizing: border-box;box-sizing: border-box; background:#f2f2f2;outline:none;}
.top_search .ss_an{ width:61px; height:40px; float:left; border:none; cursor:pointer; background:url(../images/ss.png) no-repeat;outline:none;}

#nav_box { width: 100%; height: 50px; background-color:#f10215;border-bottom: 3px solid #9c0712;}
#nav { width: 1200px; margin: 0 auto; line-height: 50px; position: relative; }
#nav li { width: 168px; text-align: center; float: left; font-family: 'Microsoft YaHei'; position: relative; }
#nav li a { color: #fff; width: 168px; height: 50px; display: block; font-weight: normal; font-size: 16px;}
#nav li a.cur { background: #262626 !important;height:50px; }
#nav li a:hover { color: #fff; background: #262626; height:50px;}
#nav .nav_hover a { color: #fff; }
#nav .nav_hover { background:#262626 !important;height:50px;}

/*----宽屏*banner----*/
#banner_big{ height:480px; width:100%;  background:none; clear:both; position:relative; z-index:999}
#banner_big .picBtnLeft { height:480px; position:relative; zoom:1; width:100%; overflow:hidden;}
/*----圆角切换按钮----*/
#banner_big .picBtnLeft .hd {width:135px; height:10px; position:absolute; left:50%; margin-left:-30px; text-align:center; bottom:30px; z-index:10;  }
#banner_big .picBtnLeft .hd ul { overflow:hidden; zoom:1; display:block; height:12px; width:110px; padding:5px 15px 5px 15px;}
#banner_big .picBtnLeft .hd ul li {float:left; _display:inline; cursor:pointer; text-align:center; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px; width:12px; height:12px; overflow:hidden; margin-right:5px; margin-left:5px; background-color:rgba(255, 255, 255, 0.6);}
#banner_big .picBtnLeft .hd ul li.on { background-color:#f10215;}
/*----箭头切换按钮----*/
#banner_big .picBtnLeft .hdd{width:100%; overflow:hidden; height:40px; margin-top:135px; position:absolute; z-index:10;}
#banner_big .picBtnLeft .hdd .prev{ display:block;width:40px; height:40px;float:left;overflow:hidden;cursor:pointer; background:url(../images/prev.png) no-repeat;}
#banner_big .picBtnLeft .hdd .prev:hover{ background:url(../images/prevh.png) no-repeat;}
#banner_big .picBtnLeft .hdd .next{ display:block;width:40px;height:40px;float:right;overflow:hidden;cursor:pointer; background:url(../images/next.png) no-repeat;}
#banner_big .picBtnLeft .hdd .next:hover{background:url(../images/nexth.png) no-repeat;}

#banner_big .picBtnLeft .bd {height:480px; left: 50%; margin-left: -960px; position: absolute; width: 1920px;}
#banner_big .picBtnLeft .bd img { height:480px; width:1920px; z-index:1;}
#banner_big .picBtnLeft .bd li { position:relative; zoom:1; width:1920px;  display:inline-block; }
#banner_big .picBtnLeft .bd li .pic { position:relative; z-index:0; line-height:0px; }
#banner_big .picBtnLeft .bd li .bg { display:none;}
#banner_big .picBtnLeft .bd li .title { display:none;}
#banner_big .picBtnLeft .bd a img { padding-top: 0px!important}
/*----宽屏*结束----*/

/*首页产品展示*/
#sy_cp{ width:1200px; margin:40px auto;}
#sycp_bt{ text-align:center; line-height:35px;}
#sycp_bt b{ font-size:30px; color:#333;}
#sycp_bt p{ font-size:12px; color:#595959;}
.sy_ml{ width:290px;}
#ml_bt{ height:75px; line-height:75px; font-size:24px; font-weight:bold; background:#f10215; color:#fff; padding-left: 40px;box-sizing: border-box;/*display: flex;*/justify-content: space-between;align-items: center;}
#ml_bt span{ font-size:20px; font-weight:normal; font-style:italic;}
.sy_ml .pro_menu{border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;}
.sy_ml ul li{ line-height:46px; }
.sy_ml ul li a{ color:#333; font-size:15px; display:block; padding-left:40px;border-bottom:1px solid #eee;background: #fff;transition: all .2s ease-out 0s;padding-right: 20px;height:48px; overflow:hidden;}
.sy_ml ul li a b{ width:150px; display:block; overflow:hidden; height:48px; font-weight:bold;}
.sy_ml ul li:last-child{ border-bottom:none;}
.sy_ml ul li a:hover{ background:url(../images/ml_hover.jpg) no-repeat; color:#f10215;padding-left:58px;overflow:hidden;}
.sy_ml ul li a.xiaolei{ padding-left:60px; width:208px; overflow:hidden; color:#787878; font-size:14px;}
.sy_pro{ width:890px;}
.sy_pro_bt{ color:#333; font-size:24px; background:url(../images/ico1.jpg) no-repeat left center; padding-left:15px; height:48px; line-height:48px;}
.ly_more { display:block; width:90px; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:14px; text-align:center; background: #f10215; margin:9px 0; padding:0; float:right;}
.ly_more:hover { background-color:#000; color:#fff;}
.ny_pro_bt{ background:#f2f2f2; font-size:14px; height:42px; line-height:42px; padding-left:15px; margin-bottom:20px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.pro-container{ margin-top:12px; min-height:320px;}
.pro-container li.pro-item{ border:1px solid #eee; width:220px;cursor: pointer; float:left;}
.pro-container .proimg_bk{width: 200px;height:200px;position:relative;display:table-cell;text-align:center;vertical-align:middle;left: 20px;}
.pro-container .proimg_bk .proimg{width: 180px;line-height: 180px;/* height:200px; */text-align:center;position:static;+position:absolute;top:50%;/* left: 20px; */}
.pro-container .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%;max-width: 180px;max-height: 170px;transition: all .2s ease-out 0s;}
.pro-container .proimg_bk img:hover{ padding-right:10px;}
.pro-container .pro-tit {padding: 10px 20px 13px 20px;position: relative;border-bottom: 1px solid #ddd;}
.pro-container .pro-tit p.pro-name{ font-size:14px; height:20px; overflow:hidden;}


/*  关于我们 */
.w1200{ width:1200px; margin:0 auto;}
.about{background:#f0f0f0;padding:60px 0;overflow:hidden;}
.aboutL{width:550px;}
.aboutL .title{font-size:30px;color:#333;font-weight:normal;margin-bottom:30px;line-height:32px;text-transform: uppercase;}
.aboutL .title span{display:block;font-family:Arial;color:#aaa;font-weight:bold;margin-bottom:8px;}
.aboutL .txt{height:155px;margin-bottom:40px;overflow:hidden; line-height:30px; font-size:14px;}
.aboutL .more{display:inline-block;width:160px;height:40px;text-align:center;line-height:40px;background:#dc0002;color:#fff;}
.aboutL .more:hover{background:#000;}
.aboutR{width:585px;height:350px;overflow:hidden;}
.aboutR img{width:585px;height:350px;transition:all 8s;}
.aboutR:hover img{transform:scale(1.1);}

/*首页新闻和文章*/
#sy_wz{width:1200px; margin:40px auto;}
#sy_wz .sy_news{ width:585px;}
#sy_wz .news_top dl{ border-bottom:1px solid #ccc; padding:7px 0 20px;}
#sy_wz .news_top dl dt a{ font-size:18px; color:#000; font-weight:bold; display:block; width:100%; height:40px; line-height:40px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
#sy_wz .news_top dl dt a:hover{ color:#c80505;}

#sy_wz .news_top dl dd span{ display:block; font-size:12px; margin:5px 0;}
#sy_wz .news_top dl dd p{ color:#999; font-size:12px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
#sy_wz .news_bottom{overflow:hidden;}

#sy_wz .news_bottom dl{border-bottom: 1px dotted #eee;}
#sy_wz .news_bottom dl dd{ font-size:16px; font-weight:bold; margin-top:10px; margin-left:5px;}
#sy_wz .news_bottom dl dd a{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
#sy_wz .news_bottom dl dd p{ font-size:14px; height:50px; overflow:hidden; margin:10px 0; line-height:25px;color: #999; font-weight:normal;}
#sy_newslb_box{ clear:both;}
#sy_newslb_box li{ height: 39px;line-height: 39px;font-size: 14px;overflow: hidden;border-bottom: 1px dotted #eee;}
#sy_newslb_box li a{ color:#666; float:left; margin-left:15px; display:block; width:470px; height:30px; line-height:30px; overflow:hidden; font-size:14px; white-space:nowrap;text-overflow:ellipsis;}
#sy_newslb_box li a:hover{color:#c80505;}
#sy_newslb_box li span{ float:right; color:#878686; font-size:12px;}

#ny_newslb_box{ clear:both;}
#ny_newslb_box li{ height:39px;line-height:39px;font-size:14px; overflow:hidden; border-bottom:1px dotted #eee;}
#ny_newslb_box li a{ color:#666; float:left; margin-left:5px; display:block; width:84%; height:39px; line-height:39px; overflow:hidden; font-size:14px; white-space:nowrap;text-overflow:ellipsis;}
.pro_menu #ny_newslb_box li a {width: 78%;padding-left: 30px;}
#ny_newslb_box li a:hover{color:#c80505;}
#ny_newslb_box li span{ float:right; color:#878686; font-size:12px;}

#sy_wz .news_box{ border:1px solid #eee; padding:10px 15px; margin-top:15px;box-sizing: border-box; min-height:300px;}
#yqlj{ width:1200px; margin:20px auto; margin-top: 40px; line-height:30px; font-size:14px;}

/*#foot_box{ width:100%; height:145px; background:#262626;}
#foot_box .foot{ width:1200px; margin:0 auto; text-align:center; font-size:14px; padding-top:30px;color:#f2f2f2; line-height:22px;}
#foot_box .foot p.foot_nav{ margin-bottom:15px;}
#foot_box .foot p a{ color:#f2f2f2;}
*/
#foot_box{background:#1c1c1d;padding-top:30px;}
#foot_box .foot_z{width:1170px; margin:0 auto; color:#968f8f; overflow:hidden;padding-bottom: 20px; } 
#foot_box .foot_z a{ color:#968f8f}
#foot_box .foot_z p{ text-align:left;padding-left:20px;font-size:14px; margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#foot_box .foot_z b{ color:#F00}
.foot_logo{float:left;width: 182px;padding-right:12px;padding-top: 16px;}
.foot_logo img{width: 182px;}
.foot_wenzi{float:left;width: 750px;padding:20px 15px;line-height:28px;}
.foot_weixin{float:right;padding: 10px 20px 0 0;}
.foot_bq{background:#161617;height:40px;line-height:40px;text-align:center;color:#6d6c6c;font-size:14px;}
#foot_box .foot_z .foot_nav {overflow:hidden;padding-bottom:15px;}
#foot_box .foot_z .foot_nav li{float:left;margin:0 10px;}
#foot_box .foot_z .foot_nav li a{display:block;width: 86px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#afa8a8;background:#2d2d2f;}
#foot_box .foot_z .foot_nav li a:hover{background:#252527;}

.ny_about{ font-size:14px; text-indent:2em; line-height:25px; padding:0 20px; min-height:320px;}
.ny_news{ padding:0 20px; min-height:320px;}
.ny_contact{ font-size:14px;line-height:25px; padding:0 20px; min-height:320px;}

#newscont .newsname{ width:870px; padding-left:10px; font-size:16px; font-weight:bold; line-height:28px;padding-bottom:12px; border-bottom:1px dotted #ddd; text-align:center; display:block;}
.ny_news .dcont{ line-height:24px; padding:0px 10px 10px 10px; border-bottom:1px dotted #ddd; }
#news_sx{ margin-top:20px; color:#80817c; font-size:12px; line-height:25px;}
#news_sx .sx_left{ float:left;}
#news_sx .sx_right{ float:right; background:url(../images/001454_08.png) no-repeat right 5px; padding-right:20px; margin-top:10px;}
.ny_news .time{padding:15px 0; text-align:center; color:#b4b4b4;}




.ny_main_box .prodetail_box{ clear:both; margin-bottom:40px; padding:0;}
.ny_main_box .prodetail_img{ float:left; width:400px; height:350px;margin-right:20px;text-align:center;}
.ny_main_box .prodetail_img p{ width:400px; height:350px;border:1px solid #dedede; display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;overflow:hidden;}
.ny_main_box .prodetail_img p img{max-width:350px;max-height:280px;}
.ny_main_box .pro_text01{ float:left;color:#555;font-size:14px;line-height:26px;}
.ny_main_box .pro_text01 p{ clear:both; margin-bottom:10px;color:#555;font-size:14px;line-height:24px;}
.ny_main_box .pro_text01 p b{ float:left; display:block; width:70px;color:#555;font-size:14px;line-height:24px;font-weight:normal;}
.ny_main_box .pro_text01 p span{ float:left; width:345px;color:#999;font-size:13px; text-align:justify; line-height:24px; overflow:hidden; max-height:72px;}
.ny_main_box .pro_text01 .pro_name{font-size:24px;font-weight:bold;padding-bottom:10px; width: 420px;clear:both; margin-bottom:5px;color:#555;line-height:24px;}

.ny_main_box #pro_xxnr_box{ clear:both; line-height:24px; font-size:12px;color: #555;}
.ny_main_box #pro_xxnr_box .bt{ height:44px; line-height:44px; background:#eaeaea; padding-left:0; color:#333; font-size:14px; font-weight:normal; margin-bottom:15px;}
.bt span { display:block; width:120px; height:44px; line-height:44px; color:#fff; font-size:18px; font-weight:bold; text-align:center; background-color:#f10215; margin:0; padding:0; float:left;}
.ny_main_box #pro_xxnr_box .xxbrbox{ padding:5px;}

#fengye{ margin-top:20px;}

/*悬浮链接*/
.suspension{position:fixed;z-index:9999;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:55px;height:40px;padding:10px 0 5px;background-color:#e70012;margin-bottom:4px;cursor:pointer;outline:none;text-decoration:none;text-align:center;border-radius:2px;}
.suspension .a.active,
.suspension .a:hover{background:#ff858f;}
.suspension .a .i{display:inline-block;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{display:inline-block;width:20px;height:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a span{display:block;width:100%;text-align:center;color:#fff;font-size:12px;padding-top:4px;}
.suspension .a-service-phone .i{display:inline-block;width:20px;height:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{display:inline-block;width:20px;height:20px;background-position: -56px -12px;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:240px;background:#fff;position:absolute;right:67px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.qrcode-img img{width:150px;margin:0 auto;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:50px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px;}
.suspension .d-service-item{padding:4px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item p{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service .d-service-item p{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;width:160px;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:14px;color:#999;padding-top:5px;}


.prodetail_btn { width:100%; overflow:hidden; margin:26px 0 0; padding:0;}
.prodetail_btn a { display:inline-block; height:44px; overflow:hidden; line-height:44px; color:#fff; font-size:16px; margin:0 15px 0 0; padding:0 30px; border-radius:3px;}
.prodetail_btn a.probtn1 { background-color:#fc2a2a;}
.prodetail_btn a.probtn2 { background-color:#f90;}
.prodetail_btn a.probtn1:hover { background-color:#e91515;}
.prodetail_btn a.probtn2:hover { background-color:#ed8e00;}

.ly_pro li.pro-item { width:890px; overflow:hidden;margin:0 auto 20px;padding:0;}
.ly_pro li .pro_lt_c {display:block;/* width:1140px; */overflow:hidden;margin:0 auto;padding: 20px;background-color:#fff;}
.ly_pro li.pro-item:hover { border:1px solid #f10215;}
.ly_pro li .pro_lt_c .pro_img {width:200px;height: 140px;overflow:hidden;margin: 0 20px 0 0;padding:0;float:left;position:relative;}
.pro_img a{display:block;width:100%;height:100%;text-align:center; position:relative;}
.pro_img img { display:block; max-width:100%; max-height:100%; margin:auto; position:absolute; left:0; top:0; right:0; bottom:0; webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.ly_pro li :hover .pro_img img{-webkit-transform: scale(1.05) rotate(0deg) translateY(0);-ms-transform: scale(1.05) rotate(0deg) translateY(0);transform: scale(1.05) rotate(0deg) translateY(0);}
.pro_img .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.ly_pro li .pro_lt_c .pro_text {width: 630px;height: 140px;overflow:hidden;margin:0;padding:0;float:left;margin-top: 4px;}
.ly_pro li .pro_lt_c .pro_text  a{color:#333;}
.ly_pro li .pro_lt_c .pro_text b { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; margin:0 auto; padding:0; color:#222; font-size:18px; white-space:nowrap;text-overflow:ellipsis;}
.ly_pro li .pro_lt_c:hover .pro_text b { color:#f10215;}
.ly_pro li .pro_lt_c .pro_text p {width:100%;height: 48px;overflow:hidden;line-height:24px;margin: 10px auto;padding:0;color:#999;font-size:14px;}
.pro_text b font, .pro_text p font { font-family:"Arial";}
.ly_pro li .pro_lt_c .pro_ck {width: 120px;height: 40px;overflow:hidden;line-height: 40px;color:#fff;font-size:14px;text-align:center;background-color:#f90;margin: 45px 0;padding:0;float:right;}
.ly_pro li .pro_lt_c .pro_ck a{ color:#fff;}
.ly_pro li .pro_lt_c .pro_ck img {display:inline-block;width: 25px;height: 7px;overflow:hidden;margin:10px 0 0 10px;padding:0;}
.ly_pro li .pro_lt_c:hover .pro_ck { background-color:#f10215;}
.ly_pro li .pro_lt_c:hover .pro_text  a{color:#f10215;}
.ly_pro li .others{color: #828282;font-size: 14px;height: 32px;line-height:30px;margin-bottom:15px;overflow: hidden;}
.ly_pro li .others i{color: #333;font-style: normal;}
.ly_pro li .others span{display:block;float:left;margin-right:15px;height:30px;line-height:30px;padding:0 15px 0 32px;background: #f1f1f1;font-size:12px;}
.ly_pro li .others span.cs1{background:#f1f1f1 url(../images/cs1.png) no-repeat 10px center;}
.ly_pro li .others span.cs2{background:#f1f1f1 url(../images/cs2.png) no-repeat 10px center;}
.ly_pro li .others span.cs3{background:#f1f1f1 url(../images/cs3.png) no-repeat 10px center;}